<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文章详情页</title>
    <link rel="stylesheet" href="./dist/css/reset.min.css">
    <link rel="stylesheet" href="./dist/css/common.min.css">
    <link rel="stylesheet" href="./dist/css/header.min.css">
    <link rel="stylesheet" href="./dist/css/footer.min.css">
    <link rel="stylesheet" href="./dist/css/widget.min.css">
    <link rel="stylesheet" href="./dist/css/article.min.css">
    <link rel="stylesheet" href="./plugins/element-ui/element-ui-2.15.6.css">
    <!--单色-->

    <link rel="stylesheet" href="//at.alicdn.com/t/font_3167845_r38ktrvldx.css">
    <!--彩色-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3163570_kbyj4t4few.css">

</head>
<body>
<header class="header shadow mb-1">
    <div class="d-flex container">
        <div class="header-logo">
            <a href="javascript:;">
                <img src="./src/img/logo.svg"
                     alt="">
            </a>
            <h3 class="d-none">筠悦科技</h3>
        </div>
        <div class="header-menu">
            <ul class="header-menu-item">
                <li class=""><a href="/" title="首页">首页</a></li>
                <li class="menu-active"><a href="article.html" title="网站大全">文章详情</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="/write_article.html" title="文章管理">文章管理</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">应该是七个字吧</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(4);" title="小程序大全">小程序</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(5);" title="文章资讯">文章</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(6);" title="企业大全">企业</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(7);" title="快审联盟">联盟</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li><a href="JavaScript:alert(8);" title="积分商城">商城</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
                <li>
                    <a href="" title="专题">专题</a>
                    <ul class="header-menu-dropdown anim anim-upbit">
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                        <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="header-submeun">
            <div class="header-submeun-search">
                <input type="text" class="header-submeun-search-input " placeholder="请输入关键字">
                <a class="btn header-submeun-search-btn">
                    <i class="ic ic-search"></i>
                </a>
            </div>
            <div class="d-flex d-none">
                <a href="" class="btn btn-danger">注册</a>
                <a href="" class="btn btn-success">登陆</a>
            </div>
            <div class="header-submeun-user">
                <div class="header-submeun-user-avatar">
                    <img src="//iconfont.alicdn.com/t/1570850261949.png@100h_100w.jpg" alt="用户头像">
                </div>
                <ul class="header-submeun-user-dropdown anim anim-upbit">
                    <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                    <li><a href="JavaScript:alert(9);" title="积分商城">其他菜单</a></li>
                </ul>
            </div>
        </div>
    </div>
</header>

<main class="container mb-2">
    <div class="crumbs  mb-1 mt-1 radius-2">
        <a href="">首页<i class="ic ic-right"></i></a>
        <a href="">栏目<i class="ic ic-right"></i></a>
        <a href="">新闻内容</a>
    </div>
    <div class="article d-flex">
        <div class="box-left">
            <div class="article-title d-flex ">
                <h3>文章标题----怎么样才能实现一天一个亿</h3>
                <div class="meta">
                    <span><i class="ic ic-announcer"></i>筠悦科技</span>
                    <span><i class="ic ic-time"></i>2022-1-29 21:27:34</span>
                    <span><i class="ic ic-like"></i>998</span>
                    <span><i class="ic ic-view"></i>998</span>
                    <span><i class="ic ic-word-num"></i>369字</span>
                    <span><i class="ic ic-read-time"></i>需约3分</span>
                </div>
            </div>
            <div class="article-content mb-1">
                <p>近几年，全球无数图书馆、美术馆和<a href="https://www.uisdc.com/tag/%e5%8d%9a%e7%89%a9%e9%a6%86" class="tag_a"
                                      target="_blank">博物馆</a>都逐渐将馆藏数字化，透过各种渠道开放到网络上，提供给需要的使用者在线浏览或下载使用，让我们不用亲自飞到几千公里外就能坐在计算机前仔细观赏，更重要的是有些素材可在下载后再利用，对于创作者来说也省去重新制作的时间。
                </p>
                <p>接下来，小福妹就带领大家一起“云”欣赏世界各地的艺术瑰宝！</p>
                <h4><span class="auto_menu" id="menu_0">Gallerix</span></h4>
                <p>网址： <a target="_blank" href="https://link.uisdc.com?redirect=https%3A%2F%2Fgallerix.asia">https://gallerix.asia</a>
                </p>
                <p><span class="img-zoom"><img alt="足不出户看展览！16个在线博物馆免费参观（附超多可商用素材）" loading="lazy"
                                               class="alignnone size-full wp-image-448893"
                                               src="https://image.uisdc.com/wp-content/uploads/2022/02/uisdc-qb-20220203-2.jpg"
                                               width="1080" height="746"></span></p>
                <p>世界名画档案馆 Gallerix 专门收集世界著名画家的作品，收集超过 4 万多名艺术家的近 16 多万幅作品，是一些资深大师在互联网上最完整的收藏品之一。</p>
                <p>在这座巨型虚拟博物馆里，作品按照画家进行分类，你可以方便地检索你想欣赏的名画。同时，网站也包括近代画家们的作品，完全可以称之为绘画界的博物馆。</p>
                <p>
                    在这里我们可以发现过去的艺术家和当代的艺术家们找寻创作的灵感，感受画家的灵魂与心情、想象自己是在参观特列季亚科夫画廊、埃尔米塔日或俄罗斯博物馆，只要下载著名画家的作品就可以欣赏此画的现实性与高级艺术的色彩。</p>
            </div>
            <div class="article-tags mb-1">
                <div class="tags">
                    <h3>标签:</h3>
                    <div class="content">
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>
                        <a href="">#更友好#</a>

                    </div>
                </div>
            </div>
            <div class="article-next-prev mb-1">
                <div>
                    <em>下一篇：</em><a href="">我是上一篇内容我是上一篇内容我是上一篇内容我是上一篇内容我是上一篇内容</a>
                </div>
                <div>
                    <em>下一篇：</em><a href="">我是下一篇内容我是下一篇内容我是下一篇内容我是下一篇内容我是下一篇内容</a>
                </div>
            </div>
            <div class="article-action mb-1">

                <div class="sidebar-share radius-5">
                    <ul class="radius-5">
                        <li><a href="javascript:;" title="点赞"><i class="ic ic-unlike size-28"></i></a></li>
                        <li><a href="javascript:;" title="收藏"><i class="ic ic-un-collection size-28"></i></a></li>
                        <li><a href="javascript:;" title="分享给QQ好友"><i class="ic ic-qq size-28"></i></a></li>
                        <li><a href="javascript:;" title="分享到微信"><i class="ic ic-wechat size-28"></i></a></li>
                        <li><a href="javascript:;" title="分享到QQ空间"><i class="ic ic-qzone size-28"></i></a></li>
                        <li><a href="javascript:;" title="收藏当前页"><i class="ic ic-browser-tag size-28"></i></a></li>
                        <li><a href="javascript:;" title="打印当前页"><i class="ic ic-print size-28"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="article-comment mb-1">
                <div id="app" class="comment">
                    <el-form ref="form" :model="form" size="mini" :rules="rules">
                        <el-form-item prop="comment">
                            <el-input
                                    type="textarea"
                                    minlength="10"
                                    maxlength="300"
                                    v-model="form.comment"
                                    show-word-limit
                                    resize="none"
                                    placeholder="您的回复是对我最大的支持"
                                    rows="5"
                                    size="medium"
                                    name="comment"
                            >

                            </el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="danger" @click="submitForm('form')">发表评论</el-button>
                        </el-form-item>
                    </el-form>

                    <div class="comment-list">
                        <div class="top">
                            <div class="title">
                                <em>文章评论</em>
                                <span>293</span>
                            </div>
                        </div>
                        <div class="content">
                            <el-empty description="暂无内容"></el-empty>

                            <div class="comment-box mb-1">
                                <div class="top-comment">
                                    <div class="el-avatar el-avatar--circle">
                                        <img src="//iconfont.alicdn.com/t/1570850261949.png@100h_100w.jpg" alt="">
                                    </div>
                                    <div class="comment-info">
                                        <a href="#" class="user-info">张三</a>
                                        <p class="comment-content">
                                            吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好</p>
                                        <div class="comment-meta">
                                            <div class="meta-info">
                                                <p> 2022-2-8 22:44</p>
                                                <a href="">
                                                    <i class="ic ic-unlike"></i>
                                                    369
                                                </a>
                                            </div>
                                            <a class="">回复</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="children-comment">
                                    <div class="el-avatar el-avatar--circle">
                                        <img src="//iconfont.alicdn.com/t/1570850261949.png@100h_100w.jpg" alt="">
                                    </div>
                                    <div class="comment-info">
                                        <div class="reply-info">
                                            <a href="#">张三</a><span>回复: </span><a href="#">李四</a>
                                        </div>
                                        <p class="comment-content">
                                            吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好</p>
                                        <div class="comment-meta">
                                            <div class="meta-info">
                                                <p> 2022-2-8 22:44</p>
                                                <a href="">
                                                    <i class="ic ic-unlike"></i>
                                                    369
                                                </a>
                                            </div>
                                            <a class="">回复</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="children-comment">
                                    <div class="el-avatar el-avatar--circle">
                                        <img src="//iconfont.alicdn.com/t/1570850261949.png@100h_100w.jpg" alt="">
                                    </div>
                                    <div class="comment-info">
                                        <div class="reply-info">
                                            <a href="#">张三</a><span>回复: </span><a href="#">李四</a>
                                        </div>
                                        <p class="comment-content">
                                            吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好</p>
                                        <div class="comment-meta">
                                            <div class="meta-info">
                                                <p> 2022-2-8 22:44</p>
                                                <a href="">
                                                    <i class="ic ic-unlike"></i>
                                                    369
                                                </a>
                                            </div>
                                            <a class="">回复</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="children-comment">
                                    <div class="el-avatar el-avatar--circle">
                                        <img src="//iconfont.alicdn.com/t/1570850261949.png@100h_100w.jpg" alt="">
                                    </div>
                                    <div class="comment-info">
                                        <div class="reply-info">
                                            <a href="#">张三</a><span>回复: </span><a href="#">李四</a>
                                        </div>
                                        <p class="comment-content">
                                            吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好吧去他妈的文章好</p>
                                        <div class="comment-meta">
                                            <div class="meta-info">
                                                <p> 2022-2-8 22:44</p>
                                                <a href="">
                                                    <i class="ic ic-unlike"></i>
                                                    369
                                                </a>
                                            </div>
                                            <a class="">回复</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="box-right">

            <!--图片广告开始-->
            <div class="image-ad mb-2 radius-5 ad-subscript">
                <a href=""><img src="./src/img/image-ad.jpg" alt=""></a>
            </div>
            <!--图片广告结束-->

            <!--排行榜开始-->
            <div class="rank radius-5 mb-2 ">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-hot-fire"></i>
                        百度热搜
                    </div>
                    <ul>
                        <li><a href="javascript:;" class="pointer-click active" data-id="left"><i
                                class="pointer ic ic-to-left"></i></a>
                        </li>
                        <li><a href="javascript:;" class="pointer-click" data-id="right"><i
                                class="pointer ic ic-to-right"></i></a>
                        </li>
                    </ul>
                </div>
                <div class="content">
                    <div class="left" id="left">
                        <div class="content-item">
                            <em class="rank-mun rank-color-1">1</em>
                            <a href="" class="title">这份不变的牵挂温暖人心 <i>热</i></a>
                            <p class="times">49374064554</p>

                        </div>
                        <div class="content-item">
                            <em class="rank-mun rank-color-2">2</em>
                            <a href="" class="title">这份不变的牵挂温暖人<i>新</i></a>
                            <p class="times">467937464</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun rank-color-3">3</em>
                            <a href="" class="title">气死人 <i>火爆</i></a>
                            <p class="times">11374464</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">4</em>
                            <a href="" class="title">哦 <i class="ic ic-hot-fire"></i></a>
                            <p class="times">49374634</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">5</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">6</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">7</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">8</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">9</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">10</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">11</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">12</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">13</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">14</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">15</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>

                    </div>
                    <div class="right d-none" id="right">
                        <div class="content-item">
                            <em class="rank-mun">16</em>
                            <a href="" class="title">这份不变的牵挂温暖人心 <i>热</i></a>
                            <p class="times">45636</p>

                        </div>
                        <div class="content-item">
                            <em class="rank-mun">17</em>
                            <a href="" class="title">asdasdsa<i>新</i></a>
                            <p class="times">467937464</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">18</em>
                            <a href="" class="title">气死人 <i>火爆</i></a>
                            <p class="times">11374464</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">19</em>
                            <a href="" class="title">asdasdasd哦 <i class="ic ic-hot-fire"></i></a>
                            <p class="times">49374634</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">20</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">24</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">22</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">23</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">24</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">25</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">26</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">27</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">28</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">29</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                        <div class="content-item">
                            <em class="rank-mun">30</em>
                            <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                            <p class="times">4937424</p>
                        </div>
                    </div>

                </div>
            </div>
            <!--排行榜结束-->

            <!--站内文章排行开始-->
            <div class="rank radius-5 mb-2 ">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-hot-fire"></i>
                        热门文章
                    </div>
                    <a href=""><i class="ic ic-more"></i></a>
                </div>
                <div class="content">
                    <div class="content-item">
                        <em class="rank-mun rank-color-1">1</em>
                        <a href="" class="title">这份不变的牵挂温暖人心 <i>热</i></a>
                        <p class="times">49374064554</p>

                    </div>
                    <div class="content-item">
                        <em class="rank-mun rank-color-2">2</em>
                        <a href="" class="title">这份不变的牵挂温暖人<i>新</i></a>
                        <p class="times">467937464</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun rank-color-3">3</em>
                        <a href="" class="title">气死人 <i>火爆</i></a>
                        <p class="times">11374464</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">4</em>
                        <a href="" class="title">哦 <i class="ic ic-hot-fire"></i></a>
                        <p class="times">49374634</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">5</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">6</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">7</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">8</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">9</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                    <div class="content-item">
                        <em class="rank-mun">10</em>
                        <a href="" class="title">这份不变的牵挂温暖人心这份不变的牵挂温暖人心这份不变的牵挂温暖人心</a>
                        <p class="times">4937424</p>
                    </div>
                </div>
            </div>
            <!--站内文章排行结束-->
            <!--标签云开始-->
            <div class="tags radius-5 mb-2">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-tags"></i>
                        本文标签
                    </div>
                    <a href=""><i class="ic ic-more"></i></a>
                </div>
                <div class="content">
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                    <a href="">#更友好#</a>
                </div>
            </div>
            <!--标签云结束-->
            <!--站内统计开始-->
            <div class="statistics mb-2 radius-5">
                <div class="top">
                    <div class="title">
                        <i class="ic ic-statistics"></i>
                        站内统计
                    </div>
                </div>
                <div class="content">
                    <div class="content-item">
                        <i class="ic ic-article"></i>
                        <em>文章数</em>
                        <p>9998</p>
                    </div>
                    <div class="content-item">
                        <i class="ic ic-tag"></i>
                        <em>标签数</em>
                        <p>9998</p>
                    </div>
                    <div class="content-item">
                        <i class="ic ic-friendship-link"></i>
                        <em>友链数</em>
                        <p>9998</p>
                    </div>
                    <div class="content-item">
                        <i class="ic ic-view"></i>
                        <em>总浏览数</em>
                        <p>9998</p>
                    </div>

                </div>
            </div>
            <!--站内统计结束-->

        </div>

    </div>
</main>
<footer class="footer">
    <div class="footer-main container ">
        <div class="footer-left">
            <div class="footer-about">
                阿斯达斯大叔大叔大叔大所大所大所多
            </div>
        </div>
        <div class="footer-center">
            <ul class="d-flex link-box">
                <li><a href="">关于我们</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">加入我们</a></li>
                <li><a href="">隐私保护</a></li>
                <li><a href="">网站地图</a></li>
                <li><a href="">收录标准</a></li>
                <li><a href="">友情链接</a></li>
            </ul>
        </div>
        <div class="footer-right">
            <div class="img-list">
                <div class="img-item-box">
                    <div class="img-item">
                        <img src="./src/img/logo.svg" alt="">
                    </div>
                    <p>微信</p>
                </div>
                <div class="img-item-box">
                    <div class="img-item">
                        <img src="./src/img/logo.svg" alt="">
                    </div>
                    <p>QQ</p>
                </div>
                <div class="img-item-box">
                    <div class="img-item">
                        <img src="./src/img/logo.svg" alt="">
                    </div>
                    <p>QQ群</p>
                </div>
            </div>

        </div>
    </div>
    <div class="footer-bottom container">
        <div class="copyright">
            Copyright ©
            <a href="https://www.52zsj.com" title="傲杰笔记">傲杰笔记</a> All Rights Reserved.
            <a href="javascript:;">备案号2564646</a>
        </div>
        <div class="other">

        </div>
    </div>
</footer>
<div class="fixed-menu">
    <div class="fixed-menu-item" data-id="go-home">
        <i class="ic ic-home-page"></i>
        <span>返回首页</span>
    </div>

    <div class="fixed-menu-item" data-id="go-qq">
        <i class="ic ic-qq"></i><span>QQ</span>
        <div class="fixed-menu-item-box">
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>微信公众号</p>
            </div>
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>腾讯视频号</p>
            </div>
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>抖音数字号</p>
            </div>
        </div>
    </div>
    <div class="fixed-menu-item" data-id="go-wechat">
        <i class="ic ic-wechat"></i><span>微信</span>
        <div class="fixed-menu-item-box">
            <div class="fixed-menu-item-img">
                <img src="http://linghangbao.com/Public/Home/newlh/image/wechatcode.png" alt="">
                <p>微信</p>
            </div>
        </div>
    </div>
    <div class="fixed-menu-item" data-id="go-bottom">
        <i class="ic ic-go-bottom"></i>
        <span>去底部</span>
    </div>
    <div class="fixed-menu-item" data-id="text">
        <i class="ic ic-go-bottom"></i>
        <span>其他显示</span>
        <div class="fixed-menu-item-box">
            <div class="fixed-menu-item-text">
                <p>文字显示</p>
            </div>
        </div>
    </div>
    <div class="fixed-menu-item" data-id="go-top">
        <i class="ic ic-go-top"></i><span>返回顶部</span>
    </div>
</div>
</body>
<script src="./plugins/jquery.js"></script>
<script src="./plugins/common.js"></script>
<script src="plugins/element-ui/vue.min.js"></script>
<script src="plugins/element-ui/element-ui-2.15.6.js"></script>
<script>
    let app = new Vue({
        el: "#app",
        data() {
            return {
                form: {
                    comment: '',
                }, rules: {
                    comment: [
                        {required: true, message: '您的回复是对我最大的支持,多少说点吧.', trigger: 'blur'},
                    ],
                }
            }
        },
        methods: {
            submitForm(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        alert('提交了!');
                    } else {
                        alert('没办法提价哦')
                        return false;
                    }
                });
            }
        }
    });

</script>
</html>
